<div class="page-content" style="background: #fff;">
   <ul class="steps">
   		 <li :class="step==1?'step on':'step'">
   		 	<i class="icon iconfont icon-zhanghu"></i>
   		 	<p>账户信息</p>
   		 </li>
   		 <li class="line"></li>
   		  <li :class="step==2?'step on':'step'">
   		 	<i class="icon iconfont icon-shanghu"></i>
   		 	<p>商户信息</p>
   		 </li>
 		<li class="line"></li>
   		  <li :class="step==3?'step on':'step'">
   		 	<i class="icon iconfont icon-yinghang"></i>
   		 	<p>银行信息</p>
   		 </li>
 		<li class="line"></li>
   		   <li :class="step==4?'step on':'step'">
   		 	<i class="icon iconfont icon-shangchuan"></i>
   		 	<p>上传资料</p>
   		 </li>
    <div class="clear"></div>
   		   
   </ul>  
<form id="mchAddForm">
	<!-- 第一眇 -->
   <div   :class="step==1?'box':'box hidden'" id="form_step_1">
   	 <div class="box-tip color_4">请填写以下实名信息</div>
   	 <div class="list-li">
	       
	         	 <div class="li"  >
	            	<div class="li-input-text">法人姓名</div>
		            <div class="li-input">
		              <input  maxlength="9" placeholder='请输入法人姓名'  name='principal'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div> 

	         	  <div class="li"  >
	            	<div class="li-input-text">身份证号</div>
		            <div class="li-input">
		              <input  maxlength="50" placeholder='请输入法人身份证号' name='idCode'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div> 

	         	 <div class="li"  >
	            	<div class="li-input-text">手机号</div>
		            <div class="li-input">
		              <input  maxlength="11" type="number"   placeholder='请输入手机号'   name='principalMobile'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div> 
	   </div>      	 
   </div> 
<!-- 第二步 -->

   <div   :class="step==2?'box':'box hidden'" id="form_step_2">
   	 <div class="box-tip color_4">请填写以下商户信息</div>
   	 <div class="list-li">
	       
	         	 <div class="li"  >
	            	<div class="li-input-text">商户名称</div>
		            <div class="li-input">
		              <input  maxlength="20" placeholder='请输入商户名称'    name='merchantName'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div> 

				<div class="li"  v-if="type>1">
	            	<div class="li-input-text">营业执照编号</div>
		            <div class="li-input">
		              <input  maxlength="20" placeholder='请输入营业执照编号/统一社会信用代码'    name='businessLicense'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div> 


	         	 

	         	  <div class="li"  >
	            	<div class="li-input-text">行业</div>
		            <div class="li-input">
		            <!-- <select id="industrAccountType">
		             	<option value="">请选择</option>
		             	<option value="346">行业类别</option>
		             </select> -->

		             <select id="industryShopType" v-on:change='getIndustryList($event)' style="width:26%;">
		             	<option value="实体">实体</option>
		             	<option value="虚拟">虚拟</option>
		             </select>
		             <select name="industryId" style="width:70%;">
		             	<option value="">请选择</option>
		             	<option    v-for="industry in industryList"  :value="industry.industryId">{{industry.industryName}}</option>
		             </select>
		            </div>
		            <div class="clear"></div>
	         	 </div> 

	         	  <div class="li"  >
	            	<div class="li-input-text">省市区</div>
		            <div class="li-input DestinationArea">
		              <select class=" fl province form-control" style="width:33%;"  name="province" >
								<option value="">请选择</option>
							</select>
							<select  class=" fl city form-control" style="width:33%;" name="city">
								<option value="">请选择</option>
							</select>
							<select  class=" fl county form-control" style="width:33%;" name="county">
								<option value="">请选择</option>
							</select>
							<input type="hidden" class="hide-value" value="" name="destinationAreaHideCode"  />
							 
		            </div>
		            <div class="clear"></div>
	         	 </div> 

	         	  <div class="li"  >
	            	<div class="li-input-text">详细地址</div>
		            <div class="li-input">
		              <input  maxlength="120" placeholder='请输入详细地址'       name='address'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div> 

	         	 <div class="li"  >
	            	<div class="li-input-text">客服电话</div>
		            <div class="li-input">
		              <input  maxlength="11"  placeholder='请输入客服电话'    name='customerPhone'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div> 
	   </div>      	 
   </div> 

<!-- 第三步 -->

   <div   :class="step==3?'box':'box hidden'" id="form_step_2">
   	 <div class="box-tip color_4">请填写以下银行卡信息</div>
   	 <div class="list-li">
	       
	         	 <div class="li"  >
	            	<div class="li-input-text">银行卡号</div>
		            <div class="li-input">
		              <input  maxlength="40" placeholder='请输入结算银行卡号' type="number"   name='accountCode'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div> 

	         	 <div class="li"  v-if="accountType==2">
	            	<div class="li-input-text">开户人</div>
		            <div class="li-input">
		              <input  maxlength="20" placeholder='请输入开户人'    name='accountName'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div> 

	         	 <div class="li"  v-if="accountType==1">
	            	<div class="li-input-text">公司名称</div>
		            <div class="li-input">
		              <input  maxlength="20" placeholder='请输入公司名称'    name='accountName'></input>
		            </div>
		            <div class="clear"></div>
	         	 </div> 


	         	  <div class="li"  >
	            	<div class="li-input-text">开户银行</div>
		            <div class="li-input">
		             <select name="bankId" v-on:change='getBankSubbranch($event)' >
		             	<option value="">请选择银行</option>
		             	<option   v-for="bank in bankList"  :value="bank.bankId">{{bank.bankName}}</option></select>
		              
		            </div>
		            <div class="clear"></div>
	         	 </div> 


	         	  <div class="li"  >
	            	<div class="li-input-text">银行省市区</div>
		            <div class="li-input bankArea">
		              <select class=" fl province form-control" style="width:33%;"  name="bank_province" >
								<option value="">请选择</option>
							</select>
							<select id="bankCity" v-on:change='getBankSubbranch($event)' class=" fl city form-control" style="width:33%;" name="bank_city">
								<option value="">请选择</option>
							</select>
							 <input type="hidden" class="hide-value" value="" name="bankHideCode"  />
							 
		            </div>
		            <div class="clear"></div>
	         	 </div> 



	         	 <div class="li"  >
	            	<div class="li-input-text">开户支行名称</div>
		            <div class="li-input">
		             <select name="bankName" v-on:change='setContactLine($event)'>
		             	<option value="0">请选择支行</option>
		             	<option  v-for="bankSubbranch in bankSubbranchList" :contactLine="bankSubbranch.contactLine"  :value="bankSubbranch.sub_bankName">{{bankSubbranch.sub_bankName}}</option></select>
		             
		             </select>
		              <input type="hidden" name="contactLine" :value="contactline">
		             <input type="hidden" name="accountType" :value="accountType">  
		            </div>
		            <div class="clear"></div>
	         	 </div> 
	         	 	   
 
	   </div>      	 
   </div> 


<!-- 第四步 -->
<div   :class="step==4?'box':'box hidden'" id="form_step_2">
   	 <div class="box-tip color_4">请上传身份证正反面</div>
   	 <div class="list-li mgt10">
	  <div class="" id="indentityPhoto"  name="indentityPhoto" :url="uploadUrl" upload="2"></div>        	 	   
</div>   

<div class="w50 fl">
 <div class="box-tip color_4">{{accountType==2?'银行卡正面照':'开户许可证照片'}}</div>
	 <div class="list-li mgt10">
        <div class="" id="accountCodePhoto"  name="accountCodePhoto" :url="uploadUrl" upload="1"></div>        	 	   
 </div>   
</div>

<div class="w50 fl">
  <div class="box-tip color_4">店铺门头照</div>
	 <div class="list-li mgt10">
        <div class="" id="mainPhoto" name="mainPhoto" :url="uploadUrl" upload="1" ></div>        	 	   
 </div> 
</div>

<!--企业/个体工商户-->

<div class="w50 fl" v-if="type>1">
  <div class="box-tip color_4">营业执照照片</div>
	 <div class="list-li mgt10">
        <div class="" id="licensePhoto" name="licensePhoto" :url="uploadUrl" upload="1"></div>        	 	   
 </div>   
</div>



<div class="w50 fl" v-if="type==2 || type==3">
  <div class="box-tip color_4" v-on:click="dialog_alert()">工信网证明照(<span style="color: #09bb07">如何获得?</span>)</div>
	 <div class="list-li mgt10">
        <div class="" id="gsxt" name="gsxt" :url="uploadUrl" upload="1"></div>   
         	 	   
 </div>     
</div>


<!-- 个人经营者 -->
<div class="w50 fl" v-if="type==1">
  <div class="box-tip color_4">商户手执身份证照</div>
	 <div class="list-li mgt10">
        <div class="" id="handIdcardPhoto" name="handIdcardPhoto" :url="uploadUrl" upload="1"></div>        	 	   
 </div>     
</div>

<div class="w50 fl" v-if="type==1">
  <div class="box-tip color_4">租赁合同照</div>
	 <div class="list-li mgt10">
        <div class="" id="licensePhoto" name="licensePhoto" :url="uploadUrl" upload="1"></div>        	 	   
 </div>     
</div>
<!-- 个人经营者 -->		   
		   

 </div> 

</form>

    <div   :class="(is_publish === 0)?'btn w80':'btn w80 disable' "   v-on:click="nextStep($event)"  style="margin-left: 10%; margin-top: 10px; ">{{step==4?'提交':'下一步'}}</div>

  <div class="btn btn3 w80 " v-if="step > 1"  v-on:click="pevStep($event)"  style="margin-left: 10%; margin-top: 10px;">返回上一步</div>
  <div style="height: 20px"></div>
    


<div class="weui_dialog_alert" v-if="show_dialog_alert">
    <div class="weui_mask"></div>
    <div class="weui_dialog">
        <div class="weui_dialog_hd"><strong class="weui_dialog_title">温馨提示</strong></div>
        <div class="weui_dialog_bd" >
        	<img src="/pages/mch/images/default_papers14.png">

        	<p>* 请按照示例图提交工信网证明照</p>
			<p>* 请上传商户在国家企业信用公示系统内的截图证明</p>
			<p>* 截图必须包含样图中展示的信息</p>
			<p>* 百度搜索“国家企业信用公示系统”或打开网址 : <a style="color: #c12727;" href="http://www.gsxt.gov.cn/index.html" target="_blank">http://www.gsxt.gov.cn/index.html</a> 即可查询商户资料</p>
        </div>
        <div class="weui_dialog_ft" style="padding: 10px;">
            <a href="javascript:;"  v-on:click="hide_dialog_alert()" class="weui_btn_dialog primary">确定</a>
        </div>
    </div>
</div>

</div>
